﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Email.aspx.cs" Inherits="Golf.WebUI.Email" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>

    <script type="text/javascript">
       
        window.jQuery || document.write('<script src="Script/jquery/jquery-1.4.1.min-vsdoc.js" type="text/javascript"><\/script>');
    </script>

    <!--[if lte IE 6]>  
    <style type="text/css">
        a.btn_submit{height: 1px !important;}
    </style>
    	<![endif]-->
    <link href="Style/Base.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .lbSmall
        {
            display: none;
            left: 0;
            position: absolute;
            top: 0;
            width: 455px;
            z-index: 1101;
        }
        .lbSmall .header
        {
            background: url("/common/images/shell/lbSmall.png") no-repeat scroll 0 0 transparent;
            height: 42px;
            padding: 14px 26px 0 36px;
        }
        .lbSmall .header h3
        {
            background: url("/common/images/shell/lbTab.png") no-repeat scroll right 0 transparent;
            color: #4A4A4A;
            float: left;
            font-size: 24px;
            font-weight: normal;
            line-height: 50px;
            padding: 0 20px 0 0;
        }
        .lbSmall .header a.btn_close
        {
            margin-top: 11px;
        }
        .lbSmall .content
        {
            background: url("/common/images/shell/lbSmall.png") no-repeat scroll 0 bottom transparent;
            padding: 20px;
        }
        .lbLarge
        {
            display: none;
            left: 0;
            position: absolute;
            top: 0;
            width: 645px;
            z-index: 1101;
        }
        .lbLarge .header
        {
            background: url("/common/images/shell/lbLarge.png") no-repeat scroll 0 0 transparent;
            height: 42px;
            padding: 14px 26px 0 36px;
        }
        .lbLarge .header h3
        {
            background: url("/common/images/shell/lbTab.png") no-repeat scroll right 0 transparent;
            color: #4A4A4A;
            float: left;
            font-size: 24px;
            font-weight: normal;
            line-height: 50px;
            padding: 0 20px 0 0;
        }
        .lbLarge .header a.btn_close
        {
            margin-top: 11px;
        }
        .lbLarge .content
        {
            background: url("/common/images/shell/lbLarge.png") no-repeat scroll 0 bottom transparent;
            padding: 20px;
        }
        .lbEnlargeProduct
        {
            display: none;
            left: 0;
            position: absolute;
            top: 0;
            width: 656px;
            z-index: 1101;
        }
        .lbEnlargeProduct .header
        {
            background: url("/common/images/shell/lbPopup.png") no-repeat scroll 0 0 transparent;
            height: 35px;
            padding: 22px 22px 0 30px;
        }
        .lbEnlargeProduct .header a.btn_close
        {
            display: block;
            height: 18px;
            padding: 0;
            width: 18px;
        }
        .lbEnlargeProduct .header h3
        {
            color: #4A4A4A;
            font-size: 1.3em;
            margin: 1px 0;
        }
        .lbEnlargeProduct .content
        {
            background: url("/common/images/shell/lbPopup.png") no-repeat scroll 0 bottom transparent;
            padding: 6px 0 24px;
        }
        .lbEnlargeProduct .content .commMsg
        {
            color: #89BC05;
            font-size: 13px;
            font-weight: bold;
            margin: 0 30px 20px;
        }
        .lbEnlargeProduct .content img
        {
            border: 1px solid #BBBBBB;
            display: block;
            height: 400px;
            margin: 0 auto;
            width: 600px;
        }
        .lbEnlargeProduct .content .btn_viewProdDetails
        {
            margin: 14px auto 0;
        }
        .lbTreepodia .content
        {
            height: 430px;
            padding: 6px 0 24px 33px;
        }
        .lbTreepodia .content #swfDiv
        {
            height: 351px;
            margin: 0 0 0 20px;
            width: 554px;
        }
        .lbTreepodia .content .btn_viewProductLarge
        {
            margin: 50px auto 0;
        }
        .lbEmailFriend .content
        {
            padding: 20px 0 30px 33px;
        }
        .lbEmailFriend .content .innerContent
        {
            background: url("/common/images/shell/lbSmallContent.png") no-repeat scroll 0 0 transparent;
            padding: 10px 20px 4px;
            width: 349px;
        }
        .lbEmailFriend .content .innerContent p
        {
            font-size: 12px;
        }
        .lbEmailFriend .content .innerContent fieldset
        {
            margin: 0 auto;
            padding: 6px 0;
            width: 323px;
        }
        .lbEmailFriend .content .innerContent fieldset .inputWrapper label
        {
            clear: left;
            float: left;
            text-align: right;
            width: 90px;
        }
        .lbEmailFriend .content .innerContent fieldset .inputWrapper label sup
        {
            color: #FF0000;
        }
        .lbEmailFriend .content .innerContent fieldset .inputWrapper input
        {
            display: inline;
            float: left;
            height: 14px;
            margin: 0 0 4px 8px;
            width: 210px;
        }
        .inputWrapper input, .inputWrapper textarea
        {
            border: 1px solid #969696;
            height: 18px;
            width: 172px;
        }
        .lbEmailFriend .content .innerContent fieldset .inputWrapper textarea
        {
            float: left;
            height: 100px;
            margin: 0 0 4px 8px;
            width: 210px;
        }
        .lbEmailFriend .content .innerContent fieldset .req
        {
            color: #FF0000;
            float: left;
            font-size: 11px;
            margin-left: 98px;
        }
        .lbEmailFriend .content .innerContent fieldset .btn_submit
        {
            float: right;
        }
        .lbEmailFriend .content .innerContent .tyMsg
        {
            color: #89BC05;
            font-size: 32px;
            font-weight: bold;
            text-align: center;
        }
        .lbEmailFriend .content .innerContent .cen
        {
            margin-top: 20px;
            text-align: center;
        }
        .lbEmailFriend .content .innerContent .cen span
        {
            font-weight: bold;
            text-decoration: underline;
        }
        .lbEmailFriend .content .icBottom
        {
            background: url("/common/images/shell/lbSmallContent.png") no-repeat scroll 0 bottom transparent;
            height: 6px;
            margin-bottom: 10px;
            width: 389px;
        }
    </style>
</head>
<body>
    <div class="lbSmall lbEmailFriend lightbox">
        <div class="header">
            <h3>
                Email a Friend</h3>
            <a class="btn_close" title="Close" href="javascript:MAD.lightBox.hide();">CLOSE</a>
        </div>
        <div class="content">
            <div class="friendMailPanel" id="pnlFriendMail">
                <div id="upEmailAFriend">
                    <div id="pnlEmailFriendContainer">
                        <div class="innerContent">
                            <p>
                                Email your friend about this page or product; simply fill in all the fields below
                                and click send.</p>
                        </div>
                        <div class="icBottom">
                        </div>
                        <div class="innerContent">
                            <fieldset>
                                <div id="con_txtYourName" class="inputWrapper">
                                    <label for="txtYourName">
                                        Your Name<sup>*</sup>:</label>
                                    <input type="text" id="txtYourName" name="txtYourName">
                                    <div class="errorMsg" id="msg_txtYourName">
                                    </div>
                                </div>
                                <div id="con_txtYourEmail" class="inputWrapper">
                                    <label for="ctl00_emailFriend_txtYourEmail">
                                        Your Email<sup>*</sup>:</label>
                                    <input type="text" id="txtYourEmail" name="txtYourEmail">
                                    <div class="errorMsg" id="msg_txtYourEmail">
                                    </div>
                                </div>
                                <div id="con_txtFriendsName" class="inputWrapper">
                                    <label for="ctl00_emailFriend_txtFriendsName">
                                        Friends Name<sup>*</sup>:</label>
                                    <input type="text" id="txtFriendsName" name="txtFriendsName">
                                </div>
                                <div id="con_txtFriendsEmail" class="inputWrapper">
                                    <label for="ctl00_emailFriend_txtFriendsEmail">
                                        Friends Email<sup>*</sup>:</label>
                                    <input type="text" id="txtFriendsEmail" name="txtFriendsEmail">
                                    <div class="errorMsg" id="msg_txtFriendsEmail">
                                    </div>
                                </div>
                                <div class="inputWrapper">
                                    <label for="message">
                                        Message :</label>
                                    <textarea id="txtMessage" cols="20" rows="2" name="txtMessage"></textarea>
                                </div>
                                <span class="req">* Required Fields</span> <a href="#" class="btn_submit" title="Send"
                                    id="btnLinkButton"></a>
                            </fieldset>
                        </div>
                        <div class="icBottom">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

<script src="Script/MAD.js" type="text/javascript"></script>

<script type="text/javascript">
    MAD.lightBox.init();
    MAD.lightBox.show(".lbSmall");
    
</script>

